﻿<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>文化云</title>
    <link href="WebUI/css/base.css" rel="stylesheet" />
    <link href="WebUI/css/Public.css" rel="stylesheet" />
    <link href="WebUI/css/step.css" rel="stylesheet" />
    <link href="WebUI/css/sgin-up.css" rel="stylesheet" />
    <link href="WebUI/font/iconfont.css" rel="stylesheet" />
    <style type="text/css">
        .form-group .input-group{ width:350px; margin:5px 0;}
    </style>
</head>
<body>
<div class="head">
    <div class="top-main">
        <ul class="fright">
            <li><a href="login.html">登录</a><em></em></li>
            <li><a href="register.html">注册</a><em></em></li>
            <li class="mm">
                <a href="javascript://"><i class="icon iconfont phone">&#xe604;</i><b>手机版</b></a><em></em>
            </li>
            <li class="ms">
                <a href="javascript://">
                    <i class="icon iconfont list">&#xe602;</i>
                    <b>导航</b>
                    <i class="icon iconfont xiala">&#xe60a;</i>
                </a>
                <div class="xialaBox">
                    <div class="fleft xl">
                        <h5>文化分类</h5>
                        <div class="nav-list">
                            <p><a href="javascript://">亲子活动</a></p>
                            <p><a href="javascript://">公益活动</a></p>
                            <p><a href="javascript://">展览展会</a></p>
                            <p><a href="javascript://">名家讲坛</a></p>
                            <p><a href="javascript://">技术研讨</a></p>
                            <p><a href="javascript://">全名可普</a></p>
                        </div>
                    </div>
                    <div class="fleft xr">
                        <h6><a href="javascript://">活动讲座</a></h6>
                        <h6><a href="javascript://">文化资源</a></h6>
                        <h6><a href="javascript://">场馆预约</a></h6>
                        <h6><a href="javascript://">机构广场</a></h6>
                    </div>
                </div>
            </li>
        </ul>
        <span>HI，欢迎访问智慧文化云</span>
    </div>
</div>
<div class="main center-black">
    <div class="head-step">
        <a class="small-logo"><img src="WebUI/images/small-logo.png" /></a>
        <div class="step clearfix text-center fright">
            <ul>
                <li class="step-item step1 fleft text-left">
                    <span>1</span><br />
                    选择场地
                </li>
                <li class="step-item step2 active">
                    <span>2</span><br />
                    确认信息
                </li>
                <li class="step-item step3 text-right fright">
                    <span>3</span><br />
                    提交成功
                </li>
            </ul>
        </div>
    </div>
    <div class="sgin-info clearfix">
        <div class="sgin-title">
            <h2>预定信息</h2>
        </div>
        <div class="sgin-content">
            <div class="info-area fleft">
                <div class="SketchMap">
                    <h6 class="MapTop"></h6>
                    <ul class="column" style="display: block;">
                        <li>1排</li>
                        <li>2排</li>
                        <li>3排</li>
                        <li>4排</li>
                        <li>5排</li>
                        <li></li>
                        <li>6排</li>
                    </ul>
                    <div class="PlaceMap"style="width:578px; height: 300px; overflow: scroll;">
                        <div class="seatplace" style="width:auto; height: auto;">
                            <div class="seatIco seat"></div>
                            <div class="seatIco seat"></div>
                            <div class="seatIco no-seat"></div>
                            <div class="seatIco seat"></div>
                            <div class="seatIco seat"></div>
                            <div class="seatIco has-no-seat"></div>
                            <div class="seatIco seat"></div>
                            <div class="seatIco seat"></div>
                            <div class="seatIco seat"></div>
                            <div class="seatIco seat"></div>
                            <div class="seatIco seat"></div>
                            <div class="seatIco seat"></div>
                            <div class="seatIco"></div>
                            <div class="seatIco"></div>
                            <div class="seatIco"></div>
                            <div class="seatIco"></div>
                            <div class="seatIco seat"></div>
                            <div class="seatIco seat"></div>
                            <div class="seatIco has-no-seat"></div>
                            <div class="seatIco no-seat"></div>
                            <div class="seatIco seat"></div>
                            <div class="seatIco seat"></div>
                            <div class="seatIco has-no-seat"></div>
                            <div class="seatIco seat"></div>
                            <div class="seatIco seat"></div>
                            <div class="seatIco seat"></div>
                            <div class="seatIco seat"></div>
                            <div class="seatIco has-no-seat"></div>
                            <div class="seatIco no-seat"></div>
                            <div class="seatIco seat"></div>
                            <div class="seatIco seat"></div>
                            <div class="seatIco has-no-seat"></div>
                            <div class="seatIco seat"></div>
                            <div class="seatIco seat"></div>
                            <div class="seatIco seat"></div>
                            <div class="seatIco seat"></div>
                            <div class="seatIco"></div>
                            <div class="seatIco"></div>
                            <div class="seatIco"></div>
                            <div class="seatIco"></div>
                            <div class="seatIco no-seat"></div>
                            <div class="seatIco seat"></div>
                            <div class="seatIco seat"></div>
                            <div class="seatIco has-no-seat"></div>
                            <div class="seatIco seat"></div>
                            <div class="seatIco seat"></div>
                            <div class="seatIco seat"></div>
                            <div class="seatIco seat"></div>
                            <div class="seatIco has-no-seat"></div>
                            <div class="seatIco no-seat"></div>
                            <div class="seatIco seat"></div>
                            <div class="seatIco seat"></div>
                            <div class="seatIco has-no-seat"></div>
                            <div class="seatIco seat"></div>
                            <div class="seatIco seat"></div>
                            <div class="seatIco seat"></div>
                            <div class="seatIco seat"></div>
                            <div class="seatIco has-no-seat"></div>
                            <div class="seatIco seat"></div>
                            <div class="seatIco seat"></div>
                            <div class="seatIco seat"></div>
                            <div class="seatIco seat"></div>
                            <div class="seatIco has-no-seat"></div>
                            <div class="seatIco has-no-seat"></div>
                            <div class="seatIco seat"></div>
                            <div class="seatIco seat"></div>
                            <div class="seatIco seat"></div>
                            <div class="seatIco seat"></div>
                            <div class="seatIco has-no-seat"></div>
                            <div class="seatIco seat"></div>
                            <div class="seatIco seat"></div>
                            <div class="seatIco no-seat"></div>
                            <div class="seatIco seat"></div>
                            <div class="seatIco seat"></div>
                            <div class="seatIco has-no-seat"></div>
                            <div class="seatIco seat"></div>
                            <div class="seatIco seat"></div>
                            <div class="seatIco no-seat"></div>
                            <div class="seatIco seat"></div>
                            <div class="seatIco seat"></div>
                            <div class="seatIco has-no-seat"></div>
                            <div class="seatIco seat"></div>
                            <div class="seatIco seat"></div>
                            <div class="seatIco no-seat"></div>
                            <div class="seatIco seat"></div>
                            <div class="seatIco seat"></div>
                            <div class="seatIco has-no-seat"></div>
                            <div class="seatIco seat"></div>
                            <div class="seatIco seat"></div>
                            <div class="seatIco no-seat"></div>
                            <div class="seatIco seat"></div>
                            <div class="seatIco seat"></div>
                            <div class="seatIco has-no-seat"></div>
                            <div class="seatIco seat"></div>
                            <div class="seatIco seat"></div>
                            <div class="seatIco has-no-seat"></div>
                            <div class="seatIco seat"></div>
                            <div class="seatIco seat"></div>
                            <div class="seatIco has-no-seat"></div>
                            <div class="seatIco seat"></div>
                            <div class="seatIco seat"></div>
                            <div class="seatIco has-no-seat"></div>
                            <div class="seatIco seat"></div>
                            <div class="seatIco seat"></div>
                            <div class="seatIco has-no-seat"></div>
                            <div class="seatIco seat"></div>
                            <div class="seatIco seat"></div>
                            <div class="seatIco has-no-seat"></div>
                            <div class="seatIco seat"></div>
                            <div class="seatIco seat"></div>
                            <div class="seatIco has-no-seat"></div>
                            <div class="seatIco seat"></div>
                            <div class="seatIco seat"></div>
                            <div class="seatIco has-no-seat"></div>
                            <div class="seatIco seat"></div>
                            <div class="seatIco seat"></div>
                            <div class="seatIco has-no-seat"></div>
                            <div class="seatIco seat"></div>
                            <div class="seatIco seat"></div>
                            <div class="seatIco has-no-seat"></div>
                            <div class="seatIco"></div>
                            <div class="seatIco"></div>
                            <div class="seatIco"></div>
                            <div class="seatIco"></div>
                            <div class="seatIco"></div>
                            <div class="seatIco"></div>
                            <div class="seatIco"></div>
                            <div class="seatIco"></div>
                            <div class="seatIco"></div>
                            <div class="seatIco"></div>
                            <div class="seatIco"></div>
                            <div class="seatIco"></div>
                            <div class="seatIco"></div>
                            <div class="seatIco"></div>
                            <div class="seatIco"></div>
                            <div class="seatIco"></div>
                            <div class="seatIco"></div>
                            <div class="seatIco"></div>
                            <div class="seatIco"></div>
                            <div class="seatIco"></div>
                            <div class="seatIco"></div>
                            <div class="seatIco"></div>
                            <div class="seatIco"></div>
                            <div class="seatIco"></div>
                            <div class="seatIco has-no-seat"></div>
                            <div class="seatIco seat"></div>
                            <div class="seatIco seat"></div>
                            <div class="seatIco has-no-seat"></div>
                            <div class="seatIco seat"></div>
                            <div class="seatIco seat"></div>
                            <div class="seatIco has-no-seat"></div>
                            <div class="seatIco seat"></div>
                            <div class="seatIco has-no-seat"></div>
                            <div class="seatIco seat"></div>
                            <div class="seatIco seat"></div>
                            <div class="seatIco has-no-seat"></div>
                            <div class="seatIco seat"></div>
                            <div class="seatIco seat"></div>
                            <div class="seatIco has-no-seat"></div>
                            <div class="seatIco seat"></div>
                            <div class="seatIco has-no-seat"></div>
                            <div class="seatIco seat"></div>
                            <div class="seatIco has-no-seat"></div>
                            <div class="seatIco seat"></div>
                            <div class="seatIco seat"></div>
                            <div class="seatIco has-no-seat"></div>
                            <div class="seatIco seat"></div>
                            <div class="seatIco seat"></div>
                        </div>
                    </div>
                    <div class="fclear"></div>
                </div>
                <img src="WebUI/images/seat-biaoji.jpg" class="seat-biaoji" />
            </div>
            <div class="sgin-form fright">
                <div class="piao-box">
                    <dl>
                        <dt class="fleft"><a href="javascript://"><img src="WebUI/images/jk.jpg"></a></dt>
                        <dd class="fleft">
                            <h6><a href="javascript://">印象莫奈：时光映迹艺术展</a></h6>
                            <div>看完莫奈400多幅真迹，需要走遍世界各地上百家博物馆</div>
                        </dd>
                    </dl>
                    <div class="piao_intro">
                        <p><label>场馆：</label>新馆 2F 报告厅</p>
                        <p><label>场次：</label>3月5日 周六 9：00</p>
                        <p><label>票价：</label> 免费</p>
                        <p><label>座位:</label><em>4排20座</em><em>4排21座</em></p>
                    </div>
                </div>
                <form>
                    <div class="form-group">
                        <p class="grounp-title">接收兑换码手机：</p>
                        <div class="input-group">
                            <input type="text" class="form-control" placeholder="请输入手机号" />
                        </div>
                    </div>
                    <div class="form-group text-right" style="">
                        <a class="submit"><img src="WebUI/images/queding.jpg" /></a>
                        <p class="text-left" style="color:#888888;line-height:2;margin-top:10px;">
                            温馨提示：<br />
                            该活动由活动主办方提供票务兑换
                        </p>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>
<div class="foot">
    <div class="foot-main">
        <p>
            <a href="javascript://">平台介绍</a>|
            <a href="javascript://">意见建议</a>|
            <a href="javascript://">网站地图</a>|
            <a href="javascript://">友情链接</a>|
            <a href="javascript://">联系方式</a>
        </p>
        <div>版权所有 智慧文化云 Copyright2003-2016 All Rights Reserved 沪ICP备1143884号 沪公网安备11010234000430号 上海上业信息科技有限公司</div>
    </div>
</div>
<!--js引用-->
<script src="WebUI/js/jquery-1.9.1.min.js"></script>
<script src="WebUI/js/animate.js"></script>
<script>
    $(function () {
        //头部导航下拉框
        selectModel(".head li.ms","mr current","curleft",".mm")
    })
</script>
</body>
</html>